<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <section class="content-header hide">
        <h1>
            控制台 <small>Control panel</small>
        </h1>
    </section>
                                <!-- RIBBON -->
    <div id="ribbon">
        <ol class="breadcrumb pull-left">
            <li><a href="dashboard" class="addtabsit"><i class="fa fa-dashboard"></i> 大盘数据</a></li>
        </ol>
        <ol class="breadcrumb pull-right">
            <li><a href="javascript:;" data-url="/admin/general">主页</a></li>
            <li><a href="javascript:;" data-url="/admin/general/config">大盘数据</a></li>
        </ol>
    </div>
    <!-- END RIBBON -->
    <div class="content">
        <div class="panel panel-default panel-intro">
            <div class="panel-heading">
                <div class="panel-lead"><em>大盘数据（dashboard）</em>用于展示当前系统中的统计数据、统计报表及重要实时数据</div>
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#basic" data-toggle="tab">汇聚数据图表</a></li>
                    <li class=""><a href="#email" data-toggle="tab">汇聚监控图表</a></li>
                    <li class=""><a href="#email" data-toggle="tab">汇聚扫描图表</a></li>
                    <li class=""><a href="#email" data-toggle="tab">汇聚工单图表</a></li>
                </ul>
            </div>

            <div class="panel-body">
                <div id="myTabContent" class="tab-content"> 
                    <div class="tab-pane fade active in" id="basic">
                        <div class="widget-body no-padding">
                          <div class="row">
                              <div class="col-sm-4 col-xs-6">
                                  <div class="sm-st clearfix">
                                      <span class="sm-st-icon st-red"><i class="fa fa-user-secret"></i></span>
                                      <div class="sm-st-info">
                                          <span id="eyi_request">loading...</span>
                                          恶意请求数
                                      </div>
                                  </div>
                              </div>
                              <div class="col-sm-4 col-xs-6">
                                  <div class="sm-st clearfix">
                                      <span class="sm-st-icon st-violet"><i class="fa fa-bomb"></i></span>
                                      <div class="sm-st-info">
                                          <span id="save_exploit">loading...</span>
                                          存量漏洞数
                                      </div>
                                  </div>
                              </div>
                              <div class="col-sm-4 col-xs-6">
                                  <div class="sm-st clearfix">
                                      <span class="sm-st-icon st-blue"><i class="fa fa-recycle"></i></span>
                                      <div class="sm-st-info">
                                          <span id="order_count">loading...</span>
                                          事件工单数
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <!--中间的图表和数据汇聚-->
                          <div class="col-lg-12">
                            <h4>总量数据统计</h4><hr>
                          </div>
                          <div class="row">
                              <div class="col-lg-8">
                                  <div id="echart1" style="height:200px;width:100%;"></div>
                              </div>
                              <div class="col-lg-4">
                                  <div class="card sameheight-item stats">
                                      <div class="card-block">
                                          <div class="row row-sm stats-container">
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-bell"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="bsp_all"> 0 </div>
                                                      <div class="name"> 业务总触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-map-signs"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="risk_all"> 0 </div>
                                                      <div class="name"> 风控总触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-bank"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="waf_all"> 0 </div>
                                                      <div class="name"> WAF总触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-frown-o"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="avail_all"> 0</div>
                                                      <div class="name"> 无效攻击 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-flag-checkered"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="eyi_ip_all"> 0 </div>
                                                      <div class="name"> 恶意IP触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-dollar"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="safy_zs_all"> 0 </div>%
                                                      <div class="name"> 安全指数 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <!-- 图表结束 -->
                          <div class="col-lg-12" style="padding-top: 20px;">
                            <h4>WAF拦截/触发统计</h4><hr>
                          </div>
                          <!-- 中层图表 -->
                          <div class="row">
                              <div class="col-lg-8">
                                  <div id="echart2" style="height:200px;width:100%;"></div>
                              </div>
                              <div class="col-lg-4">
                                  <div class="card sameheight-item stats">
                                      <div class="card-block">
                                          <div class="row row-sm stats-container">
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-star"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="serious_vul_all"> 0 </div>
                                                      <div class="name"> 严重漏洞触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-star-half"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="high_vul_all"> 0 </div>
                                                      <div class="name"> 高危漏洞触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-star-half-o"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="medium_vul_all"> 0 </div>
                                                      <div class="name"> 中危漏洞触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-star-o"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="low_vul_all"> 0 </div>
                                                      <div class="name"> 低危漏洞触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-cut"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="tools_attack_all"> 0 </div>
                                                      <div class="name"> 工具探测行为 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-dollar"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="exponent_all"> 0 </div>%
                                                      <div class="name"> 风险指数 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <!-- 中层图表结束 -->
                          <!-- 图表结束 -->
                          <div class="col-lg-12" style="padding-top: 20px;">
                            <h4>风控拦截/触发统计</h4><hr>
                          </div>
                          <!-- 下层图表 -->
                          <div class="row">
                              <div class="col-lg-8">
                                  <div id="echart3" style="height:200px;width:100%;"></div>
                              </div>
                              <div class="col-lg-4">
                                  <div class="card sameheight-item stats">
                                      <div class="card-block">
                                          <div class="row row-sm stats-container">
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-btc"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="zero_rules_all"> 0 </div>
                                                      <div class="name"> 0级规则触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-eur"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="chief_rules_all"> 0 </div>
                                                      <div class="name"> 1级规则触发 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-gbp"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="common_features_all"> 0 </div>
                                                      <div class="name"> 共性特征量 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-gg"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="accurate_capture_all"> 0 </div>
                                                      <div class="name"> 精准捕获量 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6  stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-indent"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="monitor_func_all"> 0 </div>
                                                      <div class="name"> 监控功能点 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                              <div class="col-xs-6 stat-col">
                                                  <div class="stat-icon"> <i class="fa fa-dollar"></i> </div>
                                                  <div class="stat">
                                                      <div class="value" id="business_expon_all"> 0 </div> %
                                                      <div class="name"> 风险指数 </div>
                                                  </div>
                                                  <div class="progress">
                                                      <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <!-- 下层图表结束 -->
                        </div>
                    </div>
                     
                    <div class="tab-pane fade " id="email">
                        <div class="widget-body no-padding">
                            洗洗脚和哦
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
</div>
